<template>
  <div class="serve">
    <!-- 头部 -->
    <InsideHeader :bannerType="bannerType"></InsideHeader>

    <!-- 面包屑 -->
    <!-- <crumb></crumb> -->
    <div class="crumb">
            <div class="block">  
                <div class="crumbL">
                    <nuxt-link :to="{name: 'index'}">首页</nuxt-link>
                    <em>></em>
                    <nuxt-link :to="{name: 'serve-serveList'}">服务支持</nuxt-link>
                    <em>></em>
                    <nuxt-link :to="{name: 'serve-culCenter'}">培训中心</nuxt-link>
                    <em>></em>
                    <nuxt-link :to="{name: 'serve-trainingMaterials'}" class="on">培训资料</nuxt-link>
                    <div class="clear"></div>
                </div>
                <div class="crumbR">
                    <nuxt-link :to="{name: 'serve-culCenter'}">培训中心</nuxt-link>
                    <nuxt-link :to="{name: 'serve-exhibitionHallW'}">走进智能制造</nuxt-link>
                    <nuxt-link :to="{name: 'serve-callCenterW'}">Call Center</nuxt-link>
                    <nuxt-link :to="{name: 'serve-afterServiceW'}">售后服务</nuxt-link>
                    <nuxt-link :to="{name: 'serve-serveFaqW'}">FAQ</nuxt-link>
                    <nuxt-link :to="{name: 'serve-serveQuestionsW'}">问询与建议</nuxt-link>
                    <nuxt-link :to="{name: 'serve-serveAttestationW'}">认证机构查询</nuxt-link>
                    <div class="clear"></div>
                </div>
                <div class="clear"></div>
            </div>
        </div>

    <!-- trainingMaterials -->
    <div class="block">
        <div class="trainingMaterials">
            <div class="noticeWCO4CO1Ta">
                <table class="noticeWCO4CO1S">
                    <tr class="noticeWCO4CO1Stit">
                        <td>编号</td>
                        <td>材料名称</td>
                        <td>定价</td>
                        <td>下载</td>
                    </tr>
                    <tr>
                        <td>M108</td>
                        <td>FX系列可编程控制器简介</td>
                        <td>80/本</td>
                        <td>
                            <img src="../../static/images/noticeWCO4CO1S.png" />
                        </td>
                    </tr>
                    <tr>
                        <td>M109</td>
                        <td>FX系列PLC应用101例</td>
                        <td>60/本</td>
                        <td>
                            <img src="../../static/images/noticeWCO4CO1S.png" />
                        </td>
                    </tr>
                    <tr>
                        <td>M108</td>
                        <td>FX系列可编程控制器简介</td>
                        <td>80/本</td>
                        <td>
                            <img src="../../static/images/noticeWCO4CO1S.png" />
                        </td>
                    </tr>
                    <tr>
                        <td>M109</td>
                        <td>FX系列PLC应用101例</td>
                        <td>60/本</td>
                        <td>
                            <img src="../../static/images/noticeWCO4CO1S.png" />
                        </td>
                    </tr>
                    <tr>
                        <td>M108</td>
                        <td>FX系列可编程控制器简介</td>
                        <td>80/本</td>
                        <td>
                            <img src="../../static/images/noticeWCO4CO1S.png" />
                        </td>
                    </tr>
                    <tr>
                        <td>M109</td>
                        <td>FX系列PLC应用101例</td>
                        <td>60/本</td>
                        <td>
                            <img src="../../static/images/noticeWCO4CO1S.png" />
                        </td>
                    </tr>
                    <tr>
                        <td>M108</td>
                        <td>FX系列可编程控制器简介</td>
                        <td>80/本</td>
                        <td>
                            <img src="../../static/images/noticeWCO4CO1S.png" />
                        </td>
                    </tr>
                    <tr>
                        <td>M109</td>
                        <td>FX系列PLC应用101例</td>
                        <td>60/本</td>
                        <td>
                            <img src="../../static/images/noticeWCO4CO1S.png" />
                        </td>
                    </tr>
                </table>
            </div>
        </div>
    </div>
   
    <!-- 链接 -->
    <Insidelink></Insidelink>

    <!-- 底部 -->
    <HomeHooter></HomeHooter>
  </div>
</template>

<script>
import $ from "jquery";
import "@/assets/css/home.css";
import "@/assets/css/serve.css";
import InsideHeader from "@/components/head";
import HomeHooter from "@/components/footer";
import crumb from "@/components/crumb";
import Insidelink from "@/components/link";

export default {
  name: "trainingMaterials",
  data() {
    return {
        bannerType:'certificateMa',
    };
  },
  components: {
    InsideHeader,
    HomeHooter,
    crumb,
    Insidelink
  },
  methods: {
    serveFaqWSCT(e) {
      var element = e.currentTarget;
      $(element).next(".serveFaqWSCS").slideToggle(200);
      $(element).parents("li").toggleClass("on");
    },
    serveFaqWSCSOa() {
      $(".serveFaqWSCSOaPUP").show();
    },
    serveFaqWSCSOaPUPClose() {
      $(".serveFaqWSCSOaPUP").hide();
    },
  }
};
</script>

<style scoped>
</style>